<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="css/usercenter.css" type="text/css" />
</head>
<script src="js/usercenter.js" type="text/javascript"></script>
<body>
	<!--头部-->
<div id="tou">
	<iframe src="head.jsp" name="head" scrolling="no" frameborder="0"
	width=100% height=145px></iframe>
</div>
<!-- 中间部分总div的id为content-->
<div id="content">
<!--中间部分左边的id为left-->
<div id="left">
<ul>
<li id="myli1" onClick="show(1)"><a href="#"><span style="font-weight:bold">个人信息</span></a></li>
<li id="myli2" onClick="show(2)"><a href="#"><span style="font-weight:bold">我的积分</span></a></li>
<li id="myli3" onClick="show(3)"><a href="#"><span style="font-weight:bold">我的订单</span></a></li>
<li id="myli4" onClick="show(4)"><a href="#"><span style="font-weight:bold">我的评论</span></a></li>
<li id="myli5" onClick="show(5)"><a href="#"><span style="font-weight:bold">我的收藏</span></a></li>
</ul>
</div>

<!--中间部分右边的id为right-->
<div id="right">
<!--个人信息-->
<div id="div1">
<!--个人信息上面图片部分-->
<div id="div1_top">
<div id="div1_top_head">
<img src="images/head.jpg" class="img_head">
</div>
</div>
<!--个人信息下面资料部分-->
<div id="div1_bottom">
<form action="#" method="post">
<table id="table1" cellspacing="30">
<tr>
<td class="td_left">帐户名:</td>
<td>张三</td>
</tr>
<tr>
<td class="td_left">性别:</td>
<td>女</td>
</tr>
<tr>
<td class="td_left">年龄:</td>
<td>18</td>
</tr>
<tr>
<td class="td_left">出生年月:</td>
<td>1992-04-20</td>
</tr>
<tr>
<td class="td_left">住址:</td>
<td>河南省郑州市高新区</td>
</tr>
<tr>
<td class="td_left">联系方式:</td>
<td>16888888888</td>
</tr>
<tr>
<td colspan="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="button" value="编辑" onClick="edit()" /></td>
</tr>
</table>
</form>
</div><!--div1_bottom结束-->
<div id="div1_bottom_edit">
<form action="#" method="post">
<table id="table1" cellspacing="30">
<tr>
<td class="td_left">帐户名:</td>
<td>张三</td>
</tr>
<tr>
<td class="td_left">性别:</td>
<td>
<input type="radio" name="gender" value="男" checked="checked" /> 男<input type="radio" name="gender" value="女" />女
</td>
</tr>
<tr>
<td class="td_left">上传头像：</td>
<td>
<input type="text" name="img_name" id="img_name">
<input type="file" name="file" id="file" accept="image/gif,image/jpg,image/jpeg,image/png,image/bmp" value="sds1"/></td>
</tr>
<tr>
<td class="td_left">出生年月:</td>
<td>
<select id="born_date_year" name="born_date_year">
<option value="">1907</option>
<option>1908</option>
<option>1909</option>
<option>1910</option>
</select>
<select id="born_date_months" name="born_date_months">
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
</select>
</td>
</tr>
<tr>
<td class="td_left">联系地址：</td>
<td>
<input type="text" name="address"/>
</td>
</tr>
<tr>
<td class="td_left">联系方式:</td>
<td><input type="text" name="iphone"></td>
</tr>
<tr>
<td><input type="button" value="编辑" onClick="edit()" /></td>
<td><input type="button" value="提交" onClick="ensure()"/></td>
</tr>
</table>
</form>
</div>
</div>
<div id="div2">
                 <div id="div2_top"><img src="images/head.jpg" class="img_head"></div>
                 <div id="div2_mid">
                 <p style="font-weight:bold">亲爱的:<span id="user_name" style="color:#F00; font-weight:bold">&nbsp;&nbsp;单身狗同志！</span></p><br/>
                 <p style="color:#F00; font-weight:900;font-size:22px">&nbsp;&nbsp;欢迎回来！</p>
                 </div>
                 <div id="div2_bottom">
                 <table style="border:2px solid #0CF">
                 <tr>
                 <td style="font-weight:bold">您的积分：</td>
                 <td id="point_num" style="color:#F00; font-weight:bold">100</td>
                 <td style="font-weight:bold">分</td>
                 </tr>
                  <tr>
                 <td style="font-weight:bold">您是普通会员:</td>
                 <td id="exp_num" style="color:#F00; font-weight:bold">250</td>
                 <td style="font-weight:bold">经验值</td>
                 </tr>
                  <tr>
                 <td style="font-weight:bold">飞行荣誉：</td>
                 <td id="fly_num" style="color:#F00; font-weight:bold">青铜</td>
                 <td></td>
                 </tr>
                 </table>
                </div>

</div>
<div id="div3">
<div id="div3_top">
<div id="top_1" onclick="show_top(1)"><a href="#">全部订单</a></div>
<div id="top_2" onclick="show_top(2)"><a href="#">未出行</a></div>
<div id="top_3" onclick="show_top(3)"><a href="#">待付款</a></div>
<div id="top_4" onclick="show_top(4)"><a href="#">待评价</a></div>
</div>
<div id="div3_bottom_1">
<table id="table_right">
<tr>
<td colspan="2"><input type="checkbox">全选</td>
<td>类型</td>
<td>旅客</td>
<td>有效日期</td>
<td>总金额</td>
<td>订单状态</td>
<td>操作</td>
</tr>
<tr>
<td colspan="2"><input type="checkbox">订单号:111111111</td>

<td>预定日期:</td>
<td>2017-01-04</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2" rowspan="2" style="font-size:14px;width:100px"><span>上海+周庄4日3晚半自助游(5钻)[寒假狂欢]相伴迪士尼</span></td>
<td rowspan="2">旅游度假</td>
<td rowspan="2">单身狗</td>
<td rowspan="2">2017-02-02</td>
<td rowspan="2" style="color:#FBB73A;font-weight:bold">$6792</td>
<td>未提交</td>
<td style="background-color:#FFB000;color:#FFFFFF">继续预订</td>

</tr>
<tr>
<td><a href="#">订单详情</a></td>
<td><a href="#">查看行程</a></td>
</tr>
<tr>
<td colspan="2"><input type="checkbox">全选</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><input type="button" value="确定"></td>
</tr>
</table>
</div>
<div id="div3_bottom_2" class="div3_bottom">
<table id="table_right">
<tr>
<td colspan="2"><input type="checkbox">全选</td>
<td>类型</td>
<td>旅客</td>
<td>有效日期</td>
<td>总金额</td>
<td>订单状态</td>
<td>操作</td>
</tr>
<tr>
<td colspan="2"><input type="checkbox">订单号:222222222</td>

<td>预定日期:</td>
<td>2017-01-04</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2" rowspan="2" style="font-size:14px;width:100px"><span>上海+周庄4日3晚半自助游(5钻)[寒假狂欢]相伴迪士尼</span></td>
<td rowspan="2">旅游度假</td>
<td rowspan="2">单身狗</td>
<td rowspan="2">2017-02-02</td>
<td rowspan="2" style="color:#FBB73A;font-weight:bold">$6792</td>
<td>已提交</td>
<td style="background-color:#FFB000;color:#FFFFFF">继续预订</td>

</tr>
<tr>
<td><a href="#">订单详情</a></td>
<td><a href="#">查看行程</a></td>
</tr>
<tr>
<td colspan="2"><input type="checkbox">全选</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><input type="button" value="确定"></td>
</tr>
</table>
</div>
<div id="div3_bottom_3" class="div3_bottom">
<table id="table_right">
<tr>
<td colspan="2"><input type="checkbox">全选</td>
<td>类型</td>
<td>旅客</td>
<td>有效日期</td>
<td>总金额</td>
<td>订单状态</td>
<td>操作</td>
</tr>
<tr>
<td colspan="2"><input type="checkbox">订单号:333333333</td>

<td>预定日期:</td>
<td>2017-01-04</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2" rowspan="2" style="font-size:14px;width:100px"><span>上海+周庄4日3晚半自助游(5钻)[寒假狂欢]相伴迪士尼</span></td>
<td rowspan="2">旅游度假</td>
<td rowspan="2">单身狗</td>
<td rowspan="2">2017-02-02</td>
<td rowspan="2" style="color:#FBB73A;font-weight:bold">$6792</td>
<td>未付款</td>
<td style="background-color:#FFB000;color:#FFFFFF">继续预订</td>

</tr>
<tr>
<td><a href="#">订单详情</a></td>
<td><a href="#">查看行程</a></td>
</tr>
<tr>
<td colspan="2"><input type="checkbox">全选</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><input type="button" value="确定"></td>
</tr>
</table>
</div>
<div id="div3_bottom_4" class="div3_bottom">
<table id="table_right">
<tr>
<td colspan="2"><input type="checkbox">全选</td>
<td>类型</td>
<td>旅客</td>
<td>有效日期</td>
<td>总金额</td>
<td>订单状态</td>
<td>操作</td>
</tr>
<tr>
<td colspan="2"><input type="checkbox">订单号:444444444</td>

<td>预定日期:</td>
<td>2017-01-04</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2" rowspan="2" style="font-size:14px;width:100px"><span>上海+周庄4日3晚半自助游(5钻)[寒假狂欢]相伴迪士尼</span></td>
<td rowspan="2">旅游度假</td>
<td rowspan="2">单身狗</td>
<td rowspan="2">2017-02-02</td>
<td rowspan="2" style="color:#FBB73A;font-weight:bold">$6792</td>
<td>未提交</td>
<td style="background-color:#FFB000;color:#FFFFFF">继续预订</td>

</tr>
<tr>
<td><a href="#">订单详情</a></td>
<td><a href="#">查看行程</a></td>
</tr>
<tr>
<td colspan="2"><input type="checkbox">全选</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><input type="button" value="确定"></td>
</tr>
</table>
</div>
</div>
<div id="div4">

<div id="div4_top">
<ul>
<li><a href="#">全部点评(<span>3</span>)</a></li>
<li><a href="#">好评(<span>3</span>)</a></li>
<li><a href="#">中等(<span>0</span>)</a></li>
<li><a href="#">差评(<span>0</span>)</a></li>
</ul>
</div>

<div id="div4_bottom">
<table class="div4_bottom_t">
<tr>
<td colspan="3">
<p class="div4_bottom_p1">
导游讲解：<span>满意</span>|
交通点评：<span>满意</span>|
住宿餐饮：<span>满意</span>
</p>
</td>
<td>商品名称</td>
<td>操作</td>
</tr>
<tr>
<td colspan="3">
<p class="div4_bottom_p2">此次行程安排比较合理，由于是国庆黄金周时期，所以景区人非常多，每天只能早点出发。在高导的带领下，我们看到了美丽的九寨山水，四季于一天之内变化，更能感到奇妙的风景韵味，也感受到了藏羌文化，独特富有魅力。在此感谢高导这一路的陪伴，让我们省时省心的完成了九寨之旅。</p>
</td>
<td><a href="#">九寨沟+3日游</a></td>
<td><input type="button" value="删除"></td>
</tr>
</table>

<table class="div4_bottom_t">
<tr>
<td colspan="3">
<p class="div4_bottom_p1">
导游讲解：<span>满意</span>|
交通点评：<span>满意</span>|
住宿餐饮：<span>满意</span>
</p>
</td>
<td>商品名称</td>
<td>操作</td>
</tr>
<tr>
<td colspan="3">
<p class="div4_bottom_p2">此次行程安排比较合理，由于是国庆黄金周时期，所以景区人非常多，每天只能早点出发。在高导的带领下，我们看到了美丽的九寨山水，四季于一天之内变化，更能感到奇妙的风景韵味，也感受到了藏羌文化，独特富有魅力。在此感谢高导这一路的陪伴，让我们省时省心的完成了九寨之旅。</p>
</td>
<td><a href="#">九寨沟+3日游</a></td>
<td><input type="button" value="删除"></td>
</tr>
</table>

<table class="div4_bottom_t">
<tr>
<td colspan="3">
<p class="div4_bottom_p1">
导游讲解：<span>满意</span>|
交通点评：<span>满意</span>|
住宿餐饮：<span>满意</span>
</p>
</td>
<td>商品名称</td>
<td>操作</td>
</tr>
<tr>
<td colspan="3">
<p class="div4_bottom_p2">此次行程安排比较合理，由于是国庆黄金周时期，所以景区人非常多，每天只能早点出发。在高导的带领下，我们看到了美丽的九寨山水，四季于一天之内变化，更能感到奇妙的风景韵味，也感受到了藏羌文化，独特富有魅力。在此感谢高导这一路的陪伴，让我们省时省心的完成了九寨之旅。</p>
</td>
<td><a href="#">九寨沟+3日游</a></td>
<td><input type="button" value="删除"></td>
</tr>
</table>
</div><!--div4_bottom结束-->
</div><!--div4结束-->
<div id="div5">

<div id="div5_top">
<ul>
<li><a href="#">全部(<span>2</span>)</a></li>
<li><a href="#">周边游(<span>0</span>)</a></li>
<li><a href="#">省内游(<span>0</span>)</a></li>
<li><a href="#">国内游(<span>2</span>)</a></li>
<li><a href="#">海外(游<span>0</span>)</a></li>
</ul>
</div>
<div id="div5_bottom">

<div class="div5_bottomss"  id="div5_bottom_1">
<dl>
<dt><img src="images/collect.jpg" id="img_title_1"></dt>
<dd>桂林+阳朔+漓江3日2晚跟团游(4钻)・春节~早订爽 印象・遇龙河・环城水系 品美食</dd>
<dd><span style="color:#999">￥</span><span style="color:#ff6600">1499</span><span style="color:#999">起</span></dd>
</dl>
</div>

<div class="div5_bottomss"  id="div5_bottom_2">
<dl>
<dt><img src="images/collect2.jpg" id="img_title_2"></dt>
<dd>桂林+阳朔+漓江3日2晚跟团游(4钻)・春节~早订爽 印象・遇龙河・环城水系 品美食</dd>
<dd><span style="color:#999">￥</span><span style="color:#ff6600">1499</span><span style="color:#999">起</span></dd>
</dl>
</div>

<div class="div5_bottomss"  id="div5_bottom_3">
<dl>
<dt><img src="images/collect.jpg" id="img_title_2"></dt>
<dd>桂林+阳朔+漓江3日2晚跟团游(4钻)・春节~早订爽 印象・遇龙河・环城水系 品美食</dd>
<dd><span style="color:#999">￥</span><span style="color:#ff6600">1499</span><span style="color:#999">起</span></dd>
</dl>
</div>

<div class="div5_bottomss"  id="div5_bottom_4">
<dl>
<dt><img src="images/collect2.jpg" id="img_title_2"></dt>
<dd>桂林+阳朔+漓江3日2晚跟团游(4钻)・春节~早订爽 印象・遇龙河・环城水系 品美食</dd>
<dd><span style="color:#999">￥</span><span style="color:#ff6600">1499</span><span style="color:#999">起</span></dd>
</dl>
</div>

<div class="div5_bottomss"  id="div5_bottom_5">
<dl>
<dt><img src="images/collect.jpg" id="img_title_2"></dt>
<dd>桂林+阳朔+漓江3日2晚跟团游(4钻)・春节~早订爽 印象・遇龙河・环城水系 品美食</dd>
<dd><span style="color:#999">￥</span><span style="color:#ff6600">1499</span><span style="color:#999">起</span></dd>
</dl>
</div>

<div class="div5_bottomss" id="div5_bottom_6">
<dl>
<dt><img src="images/collect2.jpg" id="img_title_2"></dt>
<dd>桂林+阳朔+漓江3日2晚跟团游(4钻)・春节~早订爽 印象・遇龙河・环城水系 品美食</dd>
<dd><span style="color:#999">￥</span><span style="color:#ff6600">1499</span><span style="color:#999">起</span></dd>
</dl>
</div>



<div class="div5_bottomss"  id="div5_bottom_5">
<dl>
<dt><img src="images/collect.jpg" id="img_title_2"></dt>
<dd>桂林+阳朔+漓江3日2晚跟团游(4钻)・春节~早订爽 印象・遇龙河・环城水系 品美食</dd>
<dd><span style="color:#999">￥</span><span style="color:#ff6600">1499</span><span style="color:#999">起</span></dd>
</dl>
</div><div class="div5_bottomss"  id="div5_bottom_5">
<dl>
<dt><img src="images/collect.jpg" id="img_title_2"></dt>
<dd>桂林+阳朔+漓江3日2晚跟团游(4钻)・春节~早订爽 印象・遇龙河・环城水系 品美食</dd>
<dd><span style="color:#999">￥</span><span style="color:#ff6600">1499</span><span style="color:#999">起</span></dd>
</dl>
</div><div class="div5_bottomss"  id="div5_bottom_5">
<dl>
<dt><img src="images/collect.jpg" id="img_title_2"></dt>
<dd>桂林+阳朔+漓江3日2晚跟团游(4钻)・春节~早订爽 印象・遇龙河・环城水系 品美食</dd>
<dd><span style="color:#999">￥</span><span style="color:#ff6600">1499</span><span style="color:#999">起</span></dd>
</dl>
</div><div class="div5_bottomss"  id="div5_bottom_5">
<dl>
<dt><img src="images/collect.jpg" id="img_title_2"></dt>
<dd>桂林+阳朔+漓江3日2晚跟团游(4钻)・春节~早订爽 印象・遇龙河・环城水系 品美食</dd>
<dd><span style="color:#999">￥</span><span style="color:#ff6600">1499</span><span style="color:#999">起</span></dd>
</dl>
</div>





</div><!--div5_bottom结束-->



</div><!--div5结束-->



</div><!--right结束-->
</div><!--content结束-->
<!--尾部-->
<div id="wei">
	<iframe src="foot.jsp" name="foot" scrolling="no" frameborder="0"
		width=100% height=430px></iframe>
</div>
</body>
</html>
